.card.mb-3
  .card-header
    h3.card-title
      i.icon.fa-solid.fa-history
      = t('channels.show.activity')
    .card-tools
      span.badge.bg-secondary title="#{t('apps.show.total_builds')}" data-bs-toggle="tooltip" data-bs-custom-class="default-tooltip"
        = @channel.releases.count

  .card-body.p-0
    ul.products-list
      - if @releases.count > 0
        - @releases.each do |release|
          li.product-item
            .product-img
              = app_icon(release, class: 'app-icon rounded-circle img-bordered-sm')
            .product-info
              span.badge.text-bg-light.float-end data-bs-toggle="tooltip" data-bs-custom-class="default-tooltip" title="#{l(release.created_at, format: :nice)}"
                = time_ago_in_words(release.created_at)
              = link_to release.name || release.app_name, friendly_channel_release_path(release.channel, release), data: { turbo: false }

              span.product-description
                - if release.release_version.present?
                  = release.release_version
                  - if release.build_version.present?
                    | (#{release.build_version})
                - else
                  = release.file.identifier
      - else
        li.item.p-3
          = raw t('channels.show.not_found')
  - if @releases.total_pages > 1
    .card-footer
      .float-end
        = paginate @releases
